<!--
  Generated template for the GoodsInfoPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>商品详情</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
	<div class="container">
		<div class="head">
			<div class="img">
				<img src="{{goodsImg}}" alt="">
			</div>
			<div class="title">
				<span>
					{{goodsName}}
				</span>
			</div>
		</div>
		<div class="body">
			<div>
				<ion-segment [(ngModel)]="pet">
					<ion-segment-button value="kittens">
						商品介绍
					</ion-segment-button>
					<ion-segment-button value="puppies">
						规格参数
					</ion-segment-button>
					<ion-segment-button value="inall">
						售后保障
					</ion-segment-button>
				</ion-segment>
			</div>
			
			<div [ngSwitch]="pet">
				<div *ngSwitchCase="'kittens'">
					<div *ngIf="goods_info_type == '移动'">
						<div padding class="kittens">
							<span>
								充值卡是为了方便客户对中国移动充值话费而提供的移动卡产品，本充值卡不记名、不挂失，一旦售出，无法退货，请您谅解！
							</span>
							<span class="title">
								1、 使用范围 
							</span>
							<span>
								本卡可在全国范围内为中国移动手机话费充值使用。如遇无法充值情况，请咨询当地10086号
							</span>
							<span class="title">

								2、 使用方法
							</span>
							<span>
								1）登陆中国移动官网充值付费
							</span>
							<span> 
								2）拨打10086，按提示操作
							</span>
							<span> 3）手机访问中国移动线上营业厅客户端充值付费
							</span>
							<span class="title"> 3、 到账时间
							</span>
							<span>1）充值成功后即时到账；
							</span>
							<span> 2）欠费停机用户可以充值，到账时间会稍有延迟，请在充值十分钟后使用。</span>
							<span> 4、 充值查询</span>
							<span> 1）充值成功后有短信提醒；</span>
							<span> 2）在月初月末充值高峰期，可能会有短信延迟现象；    </span>
							<span>3）停机用户可能会收不到短信提醒，用户可拨打10086进行充值查询。</span>
							<p><span>温馨提示：月初月末充值高峰期，到账时间可能会有一定延迟。</span></p>
							
						</div>
					</div>
					<div *ngIf="goods_info_type == '联通'">
						<div padding class="kittens">
							<span>
								充值卡是为了方便客户对中国联通充值话费而提供的联通卡产品，本充值卡不记名、不挂失，一旦售出，无法退货，请您谅解！
							</span>
							<span class="title">
								1、 使用范围 
							</span>
							<span>
								本卡可在全国范围内为中国联通手机话费充值使用。如遇无法充值情况，请咨询当地10010号
							</span>
							<span class="title">

								2、 使用方法
							</span>
							<span>
								1）登陆中国联通官网充值付费
							</span>
							<span> 
								2）拨打10010，按提示操作
							</span>
							<span> 3）手机访问中国联通线上营业厅客户端充值付费
							</span>
							<span class="title"> 3、 到账时间
							</span>
							<span>1）充值成功后即时到账；
							</span>
							<span> 2）欠费停机用户可以充值，到账时间会稍有延迟，请在充值十分钟后使用。</span>
							<span> 4、 充值查询</span>
							<span> 1）充值成功后有短信提醒；</span>
							<span> 2）在月初月末充值高峰期，可能会有短信延迟现象；    </span>
							<span>3）停机用户可能会收不到短信提醒，用户可拨打10010进行充值查询。</span>
							<p><span>温馨提示：月初月末充值高峰期，到账时间可能会有一定延迟。</span></p>
							
						</div>
					</div>
					<div *ngIf="goods_info_type == '电信'">
						<div padding class="kittens">
							<span>
								充值卡是为了方便客户对中国电信充值话费而提供的电信卡产品，本充值卡不记名、不挂失，一旦售出，无法退货，请您谅解！
							</span>
							<span class="title">
								1、 使用范围 
							</span>
							<span>
								本卡可在全国范围内为中国电信手机话费充值使用。如遇无法充值情况，请咨询当地10000号
							</span>
							<span class="title">

								2、 使用方法
							</span>
							<span>
								1）登陆中国电信官网充值付费
							</span>
							<span> 
								2）拨打10000，按提示操作
							</span>
							<span> 3）手机访问中国电信线上营业厅客户端充值付费
							</span>
							<span class="title"> 3、 到账时间
							</span>
							<span>1）充值成功后即时到账；
							</span>
							<span> 2）欠费停机用户可以充值，到账时间会稍有延迟，请在充值十分钟后使用。</span>
							<span> 4、 充值查询</span>
							<span> 1）充值成功后有短信提醒；</span>
							<span> 2）在月初月末充值高峰期，可能会有短信延迟现象；    </span>
							<span>3）停机用户可能会收不到短信提醒，用户可拨打10000进行充值查询。</span>
							<p><span>温馨提示：月初月末充值高峰期，到账时间可能会有一定延迟。</span></p>
							
						</div>
					</div>
					<div *ngIf="goods_info_type == '京东'">
						<div padding class="kittens">
							<div class="m-detail-content__body">
							<div>
								<img src="http://img13.360buyimg.com/cms/jfs/t4723/85/376361111/109844/dbf46cdd/58dfa32aN5f5007b2.jpg">
								<img src="http://img11.360buyimg.com/cms/jfs/t3310/188/1907237038/213330/ac9817d/5836960aNccfd2a6c.jpg">
								<img src="http://img10.360buyimg.com/cms/jfs/t3115/149/4207778847/174123/638e665d/5836960aN17927161.jpg">
							</div>
							</div>

							
						</div>
					</div>
				</div>

				<div *ngSwitchCase="'puppies'">
					<div class="kittens" padding>
						<span class="title">主体</span>
						<span>类型:在线充值</span>
						<span>面值:{{quanjia}}</span>
					</div>
				</div>
			
				
				<div *ngSwitchCase="'inall'">
					<div class="kittens" padding>
						<span class="title">售后服务</span>
						<span> 商品为在线充值卡或者实体购物卡，所有卡券均为不记名不挂失累卡券，请妥善保管，质保期：无质保。</span>
						<span class="title"> 正品行货 </span>
						<span>【卡淘淘】向您保证所售商品均为正品行货，商品均由指定供货商提供机打发票或电子发票。</span>
						<span class="title"> 关于产品的补充说明 </span>
						<span>注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	
</ion-content>
<div class="buy">
  <div class="all">
    <div>
      <span>{{goodsPrice}}</span>
      <span>{{quanjia}}</span>
    </div>
  </div>
  <div class="confirm" (click)="confirm()">
    <span>购买</span>
  </div>
</div>

